.container {
  width: 100%;
  height: 170px;
  background-color: #fff;
  margin-top: 10px;
  display: flex;

  .container_second{}

  .ava_con {
    width: 20%;
    height: 100%;
    line-height: 170px;
    text-align: center;
    position: relative;

    .cover {
      position: absolute;
      width: 120px;
      height: 120px;
      z-index: 10;
      top: 45px;
      left: 50px;
      line-height: 170px;
      text-align: center;
    }

    .large {
      width: 120px;
      height: 120px;
      position: relative;
      margin-top: 30px;
      margin-left: 30px;
    }

   

    .cover:hover {
      background-image: url("camera.png");
      background-repeat: no-repeat;
      background-size: 70%;
      background-position: center;
    }
  }

  .upload {
    width: 100%;
    padding: 40px;
    display: flex;
  } 

  .info {
    width: 80%;
    height: 100%;
    padding: 20px;
    padding-top: 80px;
    position: relative;

    .username {
      color: linear-gradient( 135deg, #2afadf 10%, #4c83ff 100%);
    }

    .icon {
      width: 25px;
      height: 25px;
      font-size: 25px;
    }

    .date {
      display: flex;
      
      .date_text {
        background-color: #5da8ed;
        padding: 0 10px;
        color: white;
        font-size: 12px;
        line-height: 22px;
        margin-left: 5px;
        // border-top-right-radius:10px;
        // border-bottom-right-radius: 10px;
        border-radius: 30px;
        background-image: linear-gradient( 135deg, #2afadf 10%, #4c83ff 100%);
      }
    }

   
  }
  
}

:global {

  .upload {

    .ant-upload-picture-card-wrapper {
      width: 50%;
      padding-top: 15px;
    }
  }
  
}
